Theme UIのTips

公式紹介文

Theme UI is a library for creating themeable user interfaces based on constraint-based design principles. Build custom component libraries, design systems, web applications, Gatsby themes, and more with a flexible API for best-in-class developer ergonomics.

作者さん

Gatsby社に勤務されているとのこと。

→ pluginもあり（安直だが）Gatsbyで使うと親和性が高そう。

-

書いたブログ + ブログ書くほどではないが得た知見。

導入時の引っ掛かりポイント

元々用意されたデザイン（Preset）の導入方法

レスポンシブ

レスポンシブについては公式サイトに説明があります。

三段階で指定可能 左から小 → 大のサイズ

例）

code:ex.tsx

~ 省略 ~

</div>